<template>
    <li class="ep-submenu-item">
        <a class="sub-link" :href="link">{{name}}</a>
    </li>
</template>

<script>
    export default {
        name: "ep-submenu-item",
        props: {
            link: {
                type: String,
                default: '#'
            },
            name: {
                type: String,
                default: ''
            }
        }
    }
</script>

<style scoped lang="scss">
    @import "../assets/base";

    .ep-submenu-item {
        text-transform: none;
        margin: 0;
        line-height: 100%;
        padding: 7px 20px;
        .sub-link {
            color: #525558;
            font-size: 14px;
            font-weight: bold;
            &:hover {
                color: $app-color;
            }
        }
    }
</style>
